Y

YouLibs

Remove Touch Overlay

How to Create Responsive UI Grids | Learning Design Ep. 2

Duration: 22:11Views: 3.4KLikes: 59Date Created: Dec, 2021

Channel: CodeWithChris

Category: Education

Tags: figma for beginnersdesign fast in figmafigma componentslearn figma fastui design in figmafigma style guidesfigma tutorialui design tutorial

Description: This episode of Learning Design talks about the importance of having a solid Grid System when designing an app. You’ll be surprised how easy and game-changing it is to create and follow a grid system. In this video, you’ll know how! Sign Up on Figma: figma.com -- Useful Articles -- Article by Dries De Schepper: uxdesign.cc/goodbye-8-point-grid-hello-4-point-grid-1aa7f2159051 Article by Arate Dube: medium.com/@aratidube12lns/4-point-grid-system-for-more-consistent-interface-design-efea81dea3f3 Article by Spec: spec.fm/specifics/8-pt-grid Timestamps: 00:00 Intro 01:18 Why a Responsive Grid? 02:34 The 8-point and 4-point Grid 04:57 Setting Up Your Responsive Grids in Figma 12:38 Demonstration 21:35 Outro MY FREE ONLINE COURSE: ⚡ How to make an app in 14 days - cwc.to/14days CWC+ PROGRAM: 👩‍💻 All our courses in a learning path - cwc.to/plus WEEKLY UPDATES VIA EMAIL: ✉️ Every Saturday, receive an email digest of new content - cwc.to/newsletter CONNECT: 🌍 Website - codewithchris.com 😺 GitHub - github.com/codewithchris 📸 Instagram - instagram.com/codewithchris 🐦 Twitter - twitter.com/codewithchris ABOUT CODEWITHCHRIS: Hi I’m Chris! I’m dedicated to teaching fundamentals about how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and my website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! cwc.to/reviews DID THESE LESSONS HELP YOU? Please let me know! - feedback.codewithchris.com ROADMAP: roadmap.codewithchris.com

Swipe Gestures On Overlay